<template lang="html">
  <section class="home">
    <header-box></header-box>
    <banner></banner>
    <product></product>
    <company></company>
    <expert></expert>
    <footer-box></footer-box>
  </section>
</template>

<script lang="js">
  /* 头部组件 */
  import Header from "../../pages/Header";
  /* 底部组件 */
  import Footer from "../../pages/Footer";
  /* banner模块 */
  import Banner from "./banner";
  /* 产品模块 */
  import Product from "./Product/index";
  /* 公司模块 */
  import Company from "./company";
  /* 专家模块 */
  import Expert from "./expert";

  export default  {
    name: 'home',
    props: [],
    components: {
      HeaderBox:Header,
      FooterBox:Footer,
      Banner,
      Company,
      Product,
      Expert
    },
    mounted() {

    },
    data() {
      return {

      }
    },
    methods: {

    },
    computed: {

    }
}
</script>

<style scoped lang="scss">
  .home {

  }
</style>
